<script lang="ts" setup>
import clsx from 'clsx';
import { useLoginStore } from '@/store';

defineProps<{
  className: string;
}>();

const userInfo = useLoginStore().userInfo;
</script>

<template>
  <div :class="clsx('flex items-center', className)">
    <img height="20" :src="userInfo?.Avatar" alt="">
    <div class="ml10">
      {{ userInfo?.Nickname }}
    </div>
    <RouterLink to="/login">
      <span class="ml20">退出</span>
    </RouterLink>
  </div>
</template>

<style lang="less" scoped></style>
